<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/head.jsp"%>

<%
   String path = request.getContextPath();
   String basePath = request.getScheme() + "://" + request.getLocalAddr() + ":"
                              + request.getServerPort() + path + "/";
%>

<html>
<head>
<title></title>
<meta name="decorator" content="default" />
<meta name="viewport"
	content="width=device-width initial-scale=1.0  maximum-scale=1.0">
<link href="${ctxStatic}/jquery-mobile/css/jquery.mobile-1.3.1.css" type="text/css" rel="stylesheet" />
<script src="${ctxStatic}/jquery-mobile/jquery.mobile-1.3.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
	function goUrl(url){
		location.href=url;
	}
</script>

</head>
<body>
		<div data-demo-html="true"  style="height:40px;">
				<ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
	    			<c:forEach items="${productList}" var="product">
						<li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-first-child ui-btn-hover-c ui-btn-up-c"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="#" class="ui-link-inherit">
							<img src="../../_assets/img/album-bb.jpg" class="ui-li-thumb">
							<h2 class="ui-li-heading">${product.name }</h2>
							<p class="ui-li-aside ui-li-desc">￥${product.price }元   <button class="btn btn-infor">购买</button></p>
							<a><p class="ui-li-desc">${product.description }</p></a>
						</div>
						<span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span></div>
						</li>
					</c:forEach>
				</ul>
			</div>
     

</body>
</html>
